<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  <title>Thrive Mobile Application</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  
  	<!--- Some jquery stuff --->    
    
    
    <link rel="stylesheet" href="scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.css" type="text/css" />
    <link rel="stylesheet" href="scripts/jquery.mobile-1.0.1/thrive-theme.css" type="text/css">
    
    <script src="scripts/jquery.mobile-1.0.1/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="scripts/jqm.page.params.js"  type="text/javascript"></script>
    <script src="scripts/Thrive.js"  type="text/javascript"></script>
    <script src="scripts/2.5.3-crypto-sha1.js"  type="text/javascript"></script>
    <script src="Components/AccountControl/AccountControl.js" type="text/javascript"></script>
    <script src="Components/Feel/Feel.js" type="text/javascript"></script>
    <script src="Components/Believe/Believe.js" type="text/javascript"></script>
    <script src="Components/Breathe/Breathe.js" type="text/javascript"></script>
    <script src="Components/Shine/Shine.js" type="text/javascript"></script>
    <script src="Components/Gather/Gather.js" type="text/javascript"></script>
    <script src="Components/MindMap/MindMap.js" type="text/javascript"></script>
    <script src="scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.js" type="text/javascript"></script>
    
    <link rel="stylesheet" href="css/style.css" type="text/css" />
</head>

<!---<body onLoad="redirect()">-->
<body>
	<div id="thrive" data-role="page" data-theme="a">
    
    	<script type="text/javascript">
		
			$("#thrive").live('pagecreate', function() {					
				index_prefetch();
			});
			
			$('#thrive').bind('pagebeforeshow', function() {
				setHomePage();
			});
			
			$(".popup_container").live('click', function() {
				removePopup();
			});
			
			$(".popup_container").live('tap', function() {
				removePopup();
			});
			
			$(".popup_container").bind('touchstart', function()  {
				removePopup();
			});
			
			$('#logout_button').live('click', function() {
				logout();
			});
		</script>
        
        <div class="popup_container" style="display:none;">
        	<div class="popup"></div>
    	</div>
    
        <div data-role="header">
            <h1>Thrive</h1>
            <a id="login_button" href="Components/AccountControl/login.html" class="ui-btn-right" data-transition="slideup">Login</a>
            <a id="logout_button" href="javascript:void(0)" class="ui-btn-right">Logout</a>
        </div>
        
        <div data-role="content" data-theme="a">
        
            <div id="home_menu" class="ui-grid-b" data-theme="a">
                <div id="feel_icon" class="home_icon ui-block-a"><a href="Components/Feel/feel.html">Feel</a></div>
                <div id="believe_icon" class="home_icon ui-block-b"><a href="Components/Believe/believe.html">Believe</a></div>
                <div id="breathe_icon" class="home_icon ui-block-c"><a href="Components/Breathe/breathe.html">Breathe</a></div>
                <div id="shine_icon" class="home_icon ui-block-a"><a href="Components/Shine/shine.html">Shine</a></div>
                <div id="gather_icon" class="home_icon ui-block-b"><a href="Components/Gather/gather.html">Gather</a></div>
                <div id="mindmap_icon" class="home_icon ui-block-c"><a href="Components/MindMap/mindmap.html">Mind Map</a></div>
                <div id="account_icon" class="home_icon ui-block-a"><a href="Components/AccountControl/account.html">Account</a></div>
                <div id="admin_icon" class="home_icon ui-block-b"><a href="Components/AccountControl/admin.html">Admin</a></div>
            </div>
       </div>
    
    </div>
</body>

</html>
